// 通过高阶组件的方式来完成对于特定的路由组件加动画切换
import { CSSTransition } from 'react-transition-group'
import '@/style/animate.css'

// 定义高阶组件,它本身就是一个函数，返回一个组件

const withTransition = Cmp => props => {
  return (
    <CSSTransition in={props.match ? true : false} timeout={300} classNames="fade" unmountOnExit>
      {props.match ? <Cmp {...props} /> : <div></div>}
    </CSSTransition>
  )
}

export default withTransition
